import styles from "./WarningMessageStyles.module.scss"

import {Link} from "react-router-dom";

import {Modal} from "components/index.ts";

export default function WarningMessage({onClose}: { readonly onClose: () => void }) {

    return (
        <Modal onClose={onClose}>
            <div
                className={`${styles.message} ${styles.messageError}`}
            >
                <p>
                    Произошла какая-то непонятная нам ошибка!

                    <br />
                    Но Вы не переживайте - Ваши деньги за бургер мы получили!
                </p>

                <Link
                    to='/'
                >
                    На главную
                </Link>
            </div>
        </Modal>

    );
}